
.slide-fade-leave-active {
    transition: all .8s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}

.slide-fade-enter {
    transform: translateX(-10px);
    opacity: 0;
}

.slide-fade-leave-to {
    transform: translateX(10px);
    opacity: 0;
}

.slide-fade-enter-active {
    transition: all 0.8s ease-in-out;
}

.slide-fade-up-leave-active {
    transition: all 0.8s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}

.slide-fade-up-enter {
    transform: translateY(-10px);
    opacity: 0;
}

.slide-fade-up-leave-to {
    transform: translateY(-10px);
    opacity: 0;
}

.slide-fade-up-enter-active {
    transition: all .4s ease-in-out;
}

.width-grow-leave-active {
    transition: all 0.8s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}

.width-grow-enter {
    height: 0;
}

.width-grow-leave-to {
    height: 0;
}

.width-grow-enter-active {
    transition: all .4s ease-in-out;
}

.fade-enter-active, .fade-leave-active {
    transition: opacity 0.5s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}

.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */
{
    opacity: 0;
}
